ul,ol,li,h2{ margin:0px; padding:0px;}
.show { display:block;} .none{ display:none;}
.clear { clear:both;}
.tab{ list-style:none; overflow:hidden;}
.tab li{ cursor: pointer;}
.blank{ width:100%; padding:20px;}
.btn_prev_next{  }
/*demo 1 */
#demo_1 .tab { width:510px;}
#demo_1 .tab li{ float:left; border:#0CF 1px solid; padding:2px 15px;}
#demo_1 .tab li.on{ background:#0CF; color:#FFF;}
#demo_1 .content{ width:510px; height:200px; display:none;}

/*demo 2 */
#demo_2 { width:510px; height:200px; position:relative;}
#demo_2 .tab  {  position:absolute; bottom:5px; right:10px; height:30px; z-index:10;}
#demo_2 .tab li {background:url(images/num.png) no-repeat;color:#0788D4;float: left;
    height: 17px;line-height:17px;width: 17px;
    padding-left:6px; 	font-size:12px;
    vertical-align:middle;}
#demo_2 .tab li.on{ background-position:0 -20px; color:#FFF; }
#demo_2 .content { position:absolute; left:0px; top:0px;}
#demo_2 .content  span { position:absolute; right:10px; top:5px; background:#FFF; font-size:12px; opacity:0.9; color:#666; padding:2px 8px; }

/*demo 3 */
#demo_3 { width:510px; height:200px; position:relative; overflow:hidden;}
#demo_3 .tab  {  position:absolute; bottom:5px; right:10px; height:20px; z-index:10;}
#demo_3 .tab li { position: relative; border-radius: 20px 20px 20px 20px;float: left;height: 20px; width: 20px;line-height: 20px;
color: #DE7D4B; cursor: pointer;    background-color: #FFFFFF;
font-size: 13px;
margin-left: 3px;
opacity: 0.7;
overflow: visible;
text-align: center;
}
#demo_3 .tab li.on{  background-color: #FF6600; color: #FFF; filter: none; font-weight: bold;  opacity: 1;}
#demo_3 .content { position:absolute; left:0px; top:0px; list-style:none;}
#demo_3 .content li{ position:relative;}
#demo_3 .content li span { position:absolute; right:10px; top:5px; background:#FFF; font-size:12px; opacity:0.9; color:#666; padding:2px 8px; }

/*demo 4 */
#demo_4 { border:#CCC  solid 1px; background:#E8E8E8; width:670px;}
#demo_4 .wrap{ width:650px; height:200px; margin:10px; position:relative; overflow:hidden;}
#demo_4 .tab  {  position:absolute;   right:0px; height:200px; width:130px; z-index:10;}
#demo_4 .tab li { position: relative;height: 45px;margin:5px auto;
    color: #DE7D4B; cursor: pointer;background-color: #FFFFFF;
    font-size: 13px; opacity: 0.5; filter:Alpha(opacity=50); overflow: visible;text-align: center;
}
#demo_4 .tab .mask{ position:absolute; border: 1px solid #999; width:100%; height:45px; top:0px;margin:5px auto;}
#demo_4 .tab li.on{  background-color: #FF6600; color: #FFF; filter: none; font-weight: bold;  opacity: 1;}
#demo_4 .content { position:absolute; left:0px; top:0px; list-style:none; overflow:hidden;}
#demo_4 .content li{ position:relative;}
#demo_4 .content li span { position:absolute; width:100%; bottom:0px; font-size:12px;
line-height:35px;
/* background:#000; opacity:0.5; */
background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=50); background:#000;/*实现IE背景透明*/
color:#FFF; padding:0px 10px; }

/*demo 5 */
#demo_5 { width:510px; height:200px; position:relative; overflow:hidden;}
#demo_5 .tab  {  position:absolute; bottom:5px; right:10px; height:20px; z-index:10;}
#demo_5 .tab li { position: relative; float: left;border-radius: 20px 20px 20px 20px;height: 20px; width: 20px;line-height: 20px;
    background-color: #FFFFFF;color: #DE7D4B; cursor: pointer;font-size: 13px; margin-left: 3px;
    opacity: 0.7; overflow: visible; text-align: center;
}
#demo_5 .tab li.on{  background-color: #FF6600; color: #FFF; filter: none; font-weight: bold;  opacity: 1;}
#demo_5 .content { position:relative; left:0px; top:0px; list-style:none;}
#demo_5 .content li{ position:absolute; top:0px;left:0px;}
#demo_5 .content li span { position:absolute; right:10px; top:5px; background:#FFF; font-size:12px; opacity:0.9; color:#666; padding:2px 8px; } 
 